<script setup>
import {APP_NAME} from "../../config/index.js";
import {useRouter} from "vue-router";

const props = defineProps({
    text: String,
})
const router = useRouter()
const goHome = () => {
    router.push("/index")
}
</script>

<template>
    <div class="footerDiv justify-center w-full bg-gray-200 mt-4">
        <!--                版权所有为用户-->
        <p class="text-center">版权所有:&nbsp;{{props.text}}</p>
        <div class="w-56 flex pb-3 mx-auto cursor-pointer" @click="goHome">
            <img style="width: 20px;height: 20px" src="../../assets/logo2.svg" >
            &nbsp; {{APP_NAME}}&nbsp;<span class="text-gray-400">提供技术支持</span>
        </div>
    </div>
</template>

<style scoped>
.footerDiv{

}
.footerDiv p{
    line-height: 32px;
}
</style>
